<!DOCTYPE html>
<html>
    <head>
        <title>额不耐学习，额耐钱</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <script src="../node_modules/_vue@2.6.14@vue/dist/vue.min.js"></script>
   <!-- 1.下载包
   2.引包 -->
</head>
    <body>
        <!-- MVVM
        M  model  模型 = 数据
        V  view   视图 = 界面（就是你写出来让用户看见的内容）
        VM  view model 视图模型 用来传递模型和关联视图的 -->
         <!-- 3.新建V层 -->
        <div id="box">
              <p>{{text}}</p>
         </div>
    </body>
    <script>
        // 4.新建VM层   就是vue实例
        new Vue({
            // 5.编写M层
            data:{
              text:"helloword"
            },
            el:"#box"
        })
    </script>
</html>